/*!
 * BEGIN HEADER
 *
 * Contains:        Geometry CSS
 * CVM-Role:        Theme
 * Maintainer:      Hendrik Erz
 * License:         GNU GPL v3
 *
 * Description:     This file contains the main commands and style rules for the
 *                  geometry of the app itself. It sizes and frames the elements
 *                  but does not contain any colours or other styling elements.
 *                  These are located in the theme files.
 *
 *                  The aim of the geometry is that even without any theme all
 *                  elements are positioned correctly. Colouring is the only
 *                  thing that will at that point be missing.
 *
 * END HEADER
 */

// First import the geometry variables
@import "variables.less";

// Then the font sets
@import "../fonts.less";

// Set the code font
@font-code: @font-liberation;

// Common CSS
* {
    margin:0;
    box-sizing:border-box;
}

html {
    font-size:@font-size-base;
    // Prevent text selection cursor throughout the app (except CodeMirror)
    cursor:default;
}

body {
    overflow: hidden;
    user-select:none; // Prevent arbitrary selection outside of inputs

    .dragger {
        cursor:default;
    }
}

#container.blur {
    /* This is applied when a modal is shown */
    // Currently the filter drains too much energy so I've disabled it. Maybe we
    // can re-activate it some day when chrome handles full-screen blurring better.
    // Let alone for the nice pun.
    // filter:blur(@song2);
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; }

.clearfix { clear:both; }

/**
 * Now the import directives to include the geometrical preconditions for all
 * elements.
 */

 // Cursor blink animation (see codemirror.less for implementation)
 @import "../animation-cursor.less";
 @cursor-blink-rate: 1s; // How fast should the cursor blink?

 // END ANIMATIONS

@import "modal.less";

@import "directories.less";

@import "clusterize.less"; // Clusterize.js styles

@import "preview.less";

@import "combiner.less"; // Has to be included after directories and preview.

@import "editor.less";

@import "codemirror.less";

@import "loading-spinner.less";

@import "quicklook.less";

@import "toolbar.less";

@import "notify.less";

@import "preview.less";

@import "popup.less";

@import "attachments.less";

@import "inputs.less";

@import "window-controls.less";
